<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>

		<h2>UL 无序列表</h2>
		<hr>
		<ul type="square">
			<li>苹果</li>
			<li>香蕉</li>
			<li>橘子</li>
			<li>火龙果</li>
			<li>黄瓜</li>
			<li>茄子</li>
		</ul>

		<ul type="circle">
			<li>苹果</li>
			<li>香蕉</li>
			<li>橘子</li>
			<li>火龙果</li>
			<li>黄瓜</li>
			<li>茄子</li>
		</ul>


		<ul type="disc">

			<li>水果</li>
			<ul>
				<li>苹果</li>
				<li>香蕉</li>
				<li>橘子</li>
				<li>火龙果</li>
			</ul>

			<li>蔬菜</li>
			<ul>
				<li>黄瓜</li>
				<li>茄子</li>
			</ul>
		</ul>


		<h2>有序列表</h2>
		<hr>
		<ol type="1">
			<li>苹果</li>
			<li>香蕉</li>
			<li>橘子</li>
			<li>火龙果</li>

		</ol>
		<ol type="A">
			<li>苹果</li>
			<li>香蕉</li>
			<li>橘子</li>
			<li>火龙果</li>

		</ol>
		<ol type="I">
			<li>苹果</li>
			<li>香蕉</li>
			<li>橘子</li>
			<li>火龙果</li>

		</ol>

		<h2>自定义列表</h2>
		<hr>

		<dl>
			<dt>水果</dt>
			<dd>
				<dd>苹果</dd>
				<dd>香蕉</dd>
				<dd>橘子</dd>
				<dd>火龙果</dd>
			</dd>

			<dt>蔬菜</dt>
			<dd>
				<li>黄瓜</li>
				<li>茄子</li>
			</dd>
		</dl>
	</body>
</html>
